<template>
 <div class="swiper">
   <mt-swipe :auto="4000" >
  <mt-swipe-item>1</mt-swipe-item>
  <mt-swipe-item>2</mt-swipe-item>
  <mt-swipe-item>3</mt-swipe-item>
</mt-swipe>
 </div>
</template>

<script>
 export default {
   data () {
     return {

     }
   },
   components: {

   }
 }
</script>
<style lang="scss" scoped>
.mint-swipe{
    height: 200px;
    .mint-swipe-item{
        &:nth-child(1){
            background: teal
        }
        &:nth-child(2){
            background: aquamarine
        }
        &:nth-child(3){
            background:rebeccapurple
        }
        img{
            width: 100%;
            height: 100%;
        }
        

    }
}
</style>

